<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>论坛-一尺三寸</title>
    [#include "/theme/adminlte/common/sites.html" /]
    [@header /]

    <style type="text/css">
        .col-md-12 h3{
            padding-left: 20px;
            margin-bottom: 25px;
        }
        .media-object {
            max-width: 65px;
            max-height: 65px;
            margin-top: 5px;
        }
        .media:first-child {

            margin-top: 0;

        }
        .media {
            border: 2px #E5E5E5 solid;
            margin-bottom: 28px;
            padding: 25px 45px;
            transition: all 0.4s ease-in-out;
            margin-left: 20px;
            margin-right: 20px;
        }
        .media, .media-body {

            zoom: 1;
            overflow: hidden;

        }
        .media {

            margin-top: 15px;

        }
        .list-hot a:hover, .media a:hover {
            color: #3498DB;
        }
        a:hover {
            color: #3498DB;
        }
        a:hover {
            color: #000;
        }
        .list-hot a, .media a {
            color: #000;
        }
        .media .media-summary {

            color: #666;
            margin-bottom: 0;
            margin-top: 8px;

        }
        .media p {

            font-size: 12px;
            margin-bottom: 2px;

        }
        .media .media-info {

            color: #999;

        }
        .block-boardlist p span {

            margin-right: 20px;

        }
        .media h4 {

            font-size: 18px;
            font-weight: 400;
            margin-bottom: 2px;

        }
        .media-heading {

            margin-top: 0;
            margin-bottom: 5px;

        }
        p {

            margin: 0;
            margin-bottom: 0px;
            font-size: 14px;
            line-height: 1.57142858;
            color: #333333;
            word-wrap: break-word;
            word-break: break-word;

        }
    </style>
</head>
<!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
<body class="hold-transition skin-blue layout-top-nav">
<div class="wrapper">

    <header class="main-header">
        [@nav  5 /]
    </header>
    <!-- Full Width Column -->
    <div class="content-wrapper">
        <div class="container">
            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="box box-solid">

                            <div class="box-body no-padding">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div style="padding-left: 15px;padding-top: 20px;" id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                                            <!-- Indicators -->
                                            <ol class="carousel-indicators">
                                                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                                                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                                                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                                            </ol>

                                            <!-- Wrapper for slides -->
                                            <div class="carousel-inner" role="listbox">
                                                <div class="item active">
                                                    <img style="width: auto;height: auto;" src="http://qiniu.haoxuer.com/bd042b2c2a55f57bc6dc3d3568a790ed" alt="">
                                                    <div class="carousel-caption">
                                                    </div>
                                                </div>
                                                <div class="item">
                                                    <img src="http://qiniu.haoxuer.com/7075c8f053f0b2aa0f06ad08b750029d" alt="">
                                                    <div class="carousel-caption">
                                                    </div>
                                                </div>
                                                <div class="item">
                                                    <img src="http://qiniu.haoxuer.com/f932a35746388fea26d761420d3cf4fe" alt="">
                                                    <div class="carousel-caption">
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Controls -->
                                            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                                                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                                <span class="sr-only">Previous</span>
                                            </a>
                                            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                                                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                                <span class="sr-only">Next</span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="nav-tabs-custom" style="cursor: move;margin-top: 15px;">
                                            <!-- Tabs within a box -->
                                            <ul class="nav nav-tabs">
                                                <li class="active"><a href="#revenue-chart" data-toggle="tab">热门讨论</a></li>
                                                <li><a href="#sales-chart" data-toggle="tab">最新讨论</a></li>
                                            </ul>
                                            <div class="tab-content no-padding">
                                                <!-- Morris chart - Sales -->
                                                <div class=" tab-pane active" id="revenue-chart" style="position: relative; ">
                                                    <ul class="products-list product-list-in-box" style="padding-left: 20px;">
                                                        [#list likes as item]
                                                        <li class="item">
                                                            <a href="${httpsurl}bbs/post/${item.id}.htm">${item.name!""}</a>
                                                        </li>
                                                        [/#list]
                                                    </ul>
                                                </div>
                                                <div class=" tab-pane" id="sales-chart" style="position: relative; ">
                                                    <ul class="products-list product-list-in-box" style="padding-left: 20px;">
                                                        [#list news as item]
                                                        <li class="item">
                                                            <a href="${httpsurl}bbs/post/${item.id}.htm">${item.name!""}</a>
                                                        </li>
                                                        [/#list]
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <hr/>
                                        <h3>社区模块</h3>
                                    </div>
                                </div>
                                <div class="row">
                                    [@forum id=1 size=20]
                                    [#list list as item]
                                    <div class="col-md-6">
                                        <div class="media">
                                            <div class="media-left">
                                                <a href="${httpsurl}bbs/forum/${item.id}.htm" title="${item.name!''}" target="_self">
                                                    <img class="media-object"
                                                         src="${httpsurl}dist/img/talk.png"
                                                         alt="综合交流">
                                                </a>
                                            </div>
                                            <div class="media-body">
                                                <h4 class="media-heading"><a href="${httpsurl}bbs/forum/${item.id}.htm" title="${item.name!''}"
                                                                             target="_self">${item.name!""}</a></h4>
                                                <p class="media-summary">${item.summary!""}</p>
                                                <p class="media-info"><span>主题：114901</span><span>帖子：115266</span></p>
                                            </div>
                                        </div>
                                    </div>
                                    [/#list]
                                    [/@forum]
                                </div>
                            </div>
                            <!-- /.box-body -->
                        </div>
                    </div>

                </div>

            </section>
            <!-- /.content -->
        </div>
        <!-- /.container -->
    </div>
    <!-- /.content-wrapper -->

    [@footer /]
</div>
<!-- ./wrapper -->

[@scripts /]
</body>
</html>
